/**
 * @file 信息面板样式
 * @description 轨迹播放器信息面板、时间和距离显示相关样式
 */

/* 信息面板与时间范围选择 */
.info-panel {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  margin-bottom: 20px;
  font-size: 14px;
  color: #333;
  height: 32px;
}

/* 当前时间显示 */
.current-time-display {
  grid-column: 1;
  font-size: 16px;
  font-weight: 600;
  color: #0c6dc7;
  display: flex;
  align-items: center;
  gap: 5px;

  .time-icon {
    width: 18px;
    height: 18px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
  }
}

/* 距离信息显示 */
.time-distance-info {
  grid-column: 3;
  justify-self: end;
  display: flex;
  gap: 30px;
  align-items: center;
}

.info-item {
  display: flex;
  align-items: center;
  gap: 5px;
  font-weight: 500;
} 